<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/product-商品详情页.css">
    <script src="../js/axios.min.js"></script>
    <script src="../js/api.js"></script>
</head>
<body>
        <!-- 外延 -->
        <div class="extension1">
            <!-- 版心 -->
            <div class="banner-header">
                <div class="banner-header-left">
                    <a href="">欢太品牌</a>
                    <a href="">欢太云服务</a>
                    <a href="">软件商店</a>
                    <a href="">健康</a>
                </div>
                <div class="banner-header-right">
                    <a href="">下载欢太商城APP</a>
                    <a href="../html/login2-登录.html">登录</a>
                    <a href="../html/reg-注册.html">注册</a>
                    <a href="../html/cart-购物车.html">购物车</a>      
                </div>
            </div>
    
    
        <!-- 外延 -->
        <div class="extension2">
            <!-- 版心 -->
            <div class="banner-header2">
                <div class="banner-header2-left"><img src="../img/logo.png" alt=""></div>
                <div class="banner-header2-middle">
                    <a href="">OPPO专区</a>
                    <a href="">OnePLus专区</a>
                    <a href="">realme专区</a>
                    <a href="">智能生活</a>
                    <a href="">潮流好物</a>
                    <a href="">服务</a>
                </div>
                <div class="banner-header2-right"><span>OPPO Reno6</span></div>
            </div>
        </div>
    </div>


    <div class="product1">
        <div class="product2">
            <img src="" alt="">
        </div>
        <div class="product3">
            <div class="product4">OPPO Reno6 Pro 5G 星河入梦 8G+128G</div>
            <div class="product5">￥3299</div>
            <div class="product6">
                <div class="product7">数量</div>
                <div class="product8">
                    <button class="product9">-</button>
                    <input type="text" class="product10" value="1">
                    <button class="product11">+</button>
                </div>
                <div class="product12">加入购物车</div>
            </div>
        </div>
    </div>
    <script src="../js/product-商品详情页.js"></script>
</body>
</html>